﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>首页</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--responsive-->
    <link rel="shortcut icon" href="../Content/img/jridge.ico"/>
    <link rel="bookmark" href="../Content/img/jridge.ico"/>
    <script src="../Scripts/jquery-1.10.2.min.js"></script>
    <script src="../Scripts/clipboard-polyfill.js"></script>
    <!--vue-->
    <script src="../Scripts/vue-2.5.9/vue.min.js"></script>
    <!--axios-->
    <script src="../Scripts/vue-2.5.9/axios.min.js"></script>
    <!--elementUI-->
    <script src="../Scripts/elementUI-2.2.2/index.js"></script>
    <link rel="stylesheet" href="../Scripts/elementUI-2.2.2/theme-chalk/index.css">
    <!--custom-->
    <link rel="stylesheet" href="../Content/vue-common.css">
    <script src="../Scripts/service/vue-service.js" ></script>
    
    <style>
        .alone{
            padding: 10px 8px;
            text-align: center;
            cursor: pointer;
        }
        .alone img{ border-radius: 50% }
    </style>
</head>
<body>
    <div id="app">
        <header-bar :pagename="pagename" :userinfo="userinfo"></header-bar>
        <div id="container">
            <el-col :xs="12" :sm="12" :md="6" :lg="6" v-for="(value,key) in data" class="alone" v-if="value.show">
                <div @click="jump(value.href)">
                    <el-card class="box-card">
                        <div><img v-bind:src="value.img" v-bind:alt="value.name"></div>
                        <div>
                            <h2>{{value.name}}</h2>
                        </div>
                    </el-card>
                </div>
            </el-col>
        </div>
        <!--组件弹出框-->
        <component :is="differentComponentDialog" :obj="differentComponentItem" :userinfo="userinfo"></component>
    </div>
    <script src="index.js"></script>
    <script src="./Template/vue-components.js" ></script>
</body>
</html>